body{
    margin: 0px 0px 0px 0px;
}

#loading{
    background-color: #2980b9;
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
    margin-top: 0px;
    top: 0px;
}
#loading-center{
    width: 100%;
    height: 100%;
    position: relative;
}
#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 118px;
    width: 118px;
    margin-top: -59px;
    margin-left: -59px;
}

.object{
    width: 20px;
    height: 20px;
    background-color: #FFF;
    margin-right: 20px;
    float: left;
    margin-bottom: 20px;
}
.object:nth-child(3n+0) {
    margin-right: 0px;
}


#object_one {
    -webkit-animation: animate 1s -0.9s ease-in-out infinite ;
    animation: animate 1s -0.9s ease-in-out infinite ;
}
#object_two {
    -webkit-animation: animate 1s -0.8s ease-in-out infinite ;
    animation: animate 1s -0.8s ease-in-out infinite ;
}
#object_three {
    -webkit-animation: animate 1s -0.7s ease-in-out infinite ;
    animation: animate 1s -0.7s ease-in-out infinite ;
}
#object_four {
    -webkit-animation: animate 1s -0.6s ease-in-out infinite ;
    animation: animate 1s -0.6s ease-in-out infinite ;
}
#object_five {
    -webkit-animation: animate 1s -0.5s ease-in-out infinite ;
    animation: animate 1s -0.5s ease-in-out infinite ;
}
#object_six {
    -webkit-animation: animate 1s -0.4s ease-in-out infinite ;
    animation: animate 1s -0.4s ease-in-out infinite ;
}
#object_seven {
    -webkit-animation: animate 1s -0.3s ease-in-out infinite ;
    animation: animate 1s -0.3s ease-in-out infinite ;
}
#object_eight {
    -webkit-animation: animate 1s -0.2s ease-in-out infinite ;
    animation: animate 1s -0.2s ease-in-out infinite ;
}
#object_nine {
    -webkit-animation: animate 1s -0.1s ease-in-out infinite ;
    animation: animate 1s -0.1s ease-in-out infinite ;
}

@-webkit-keyframes animate {


    50% {
        -ms-transform: scale(1.5,1.5);
        -webkit-transform: scale(1.5,1.5);
        transform: scale(1.5,1.5);
    }

    100% {
        -ms-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }

}

@keyframes animate {
    50% {
        -ms-transform: scale(1.5,1.5);
        -webkit-transform: scale(1.5,1.5);
        transform: scale(1.5,1.5);
    }

    100% {
        -ms-transform: scale(1,1);
        -webkit-transform: scale(1,1);
        transform: scale(1,1);
    }

}

#container{
	background-color: #021019;
}

#title{
    top: 10px;
    position: absolute;
    text-align: center;
}

.banner-span{
    font-size: xx-large;
    color: #a8d3ec;
}

.anchorBL{display:none}

.four-block{
	top: 70px;
	width: 25%;
	height:50%;
	float: left;
	position: absolute;
}

.first-of-all{
	left: 0px;
}

.second-of-all{
	left: 25%;
}

.third-of-all{
	left: 50%;
}

.fourth-of-all{
	left: 75%;
}

.four-oracle{
	width:100%;
	height: 90%;
	position: absolute;
	border-left:1px solid #3b5061;
	border-right:1px solid #3b5061;
}

.top-middle-word{
    font-family: Microsoft YaHei;
    font-size: 3vmin;
}

.bottom-word{
	bottom: 0px;
	width: 100%;
	position: absolute;
	text-align: center;
}

#project-data{
	color: #3b5667;
	position: absolute;
	text-align: center;
	top: 60%;
}

.span-data{
	padding-left: 1%;
}

.chart-div{
	position: absolute;
	bottom: 0px;
	height: 30%;
}

.first-chart{
	width: 40%;
}

.second-chart{
	left: 40%;
	width: 30%;
}

.third-chart{
	left: 70%;
	width: 30%;
}

.fourth-chart{
	left: 75%;
	width: 25%;
}

.trail-input{
	background-color: #404d5b;
	width: 150px;
	color: white;
	border: 0px;
}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	color: greenyellow;
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	color: greenyellow;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

